<template>
	<view class="synopsisss">
		<view class="synopsiss">
			<view class="synopsis">
				<text class="quxiao" @click="cancel">取消</text>
				<text  id="mingzi">编辑名字</text>
				<u-button class="baocun" text="保存" :plain='true' :hairline="false" :color="color" size="small"
					@click="save" style="border: 0;"></u-button>
			</view>
          <u--textarea v-model="value1" placeholder="请输入内容" class="shurukuang"></u--textarea>
<view>
	<p>请设置2-24个字符,不包括@<>/等无效字符哦</p>
</view>
			</view>
		</view>
	</view>

</template>

<script>
	export default {
		data() {
			return {
				value1: '',
			}
		},
	}
</script>

<style scoped>
	.shurukuang{
		margin-top: 100rpx;
		height: 50rpx;
		width: 90%;
	}
	.synopsisss{
		height: 1550rpx;
		background-color: #f5f5f5;
	}
	.synopsiss {
		height: 100rpx;
		display: flex;
		flex-direction: column;
		align-items: center;
		/* justify-content: space-evenly; */
		background-color: #f5f5f5;
	}
.sav {
		color: red;
		opacity: 0;
		position: absolute;
		top: 15px;
		right: 150rpx;
		/* font-size: 16px; */
	}
	.synopsis {
		width: 100%;
		display: flex;
		justify-content: space-evenly;
		align-items: center;
		
	}

	.baocun{
		width: 180rpx;
		text-align: center;
		margin-left: 50%;
	}
	#mingzi {
		width: 180rpx;
		text-align: center;
		font-size: 40rpx;
		font-weight: 1000rpx;
	}

	.no::after {
		content: none;
	}

	.no::before {
		background-color: #f5f5f5;
		margin-left: 500rpx;
	}

	.Message-field-02 {
		width: 650rpx;
		height: 100rpx;
		border-radius: 16rpx;
		background-color: #fff;
	}

	.font-count {
		width: 100%;
		text-align: right;
	}
</style>